<template>
  <ul style="line-height:40px;">
    <div @click.prevent="handleClick">
      <slot name="title"></slot>
    </div>
    
    <div v-show="show" class="children">
      <slot></slot>
    </div>
    
  </ul>
</template>
<script>
export default {
  name: 'ASubMenu',
  data(){
    return {
      show:false
    }
  },
  methods:{
    handleClick(){
      this.show = !this.show
    }
  }
}
</script>
<style>

</style>

